<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <button>打开页面</button>
  <button>替换页面</button>
  <button>刷新页面</button>
  <button>前进一个页面</button>
  <script>
    var btn1 = document.querySelectorAll('button')[0];
    var btn2 = document.querySelectorAll('button')[1];
    var btn3 = document.querySelectorAll('button')[2];
    var btn4 = document.querySelectorAll('button')[3];
    btn1.onclick = function(){
      // 打开一个页面 会产生一条历史记录
      // location.assign('https://www.baidu.com')
      location.assign('./1-global作用域.html')
    }
    btn2.onclick = function(){
      // 替换页面 使用打开页面将当前页面替换 不会产生一条历史记录
      location.replace('https://www.baidu.com');
    }
    btn3.onclick = function(){
      // 刷新页面 true表示从服务器获取资源 false从浏览器缓存中查找资源
      location.reload(true);
    }
    btn4.onclick = function(){
      // 表示前进到下一个页面
      // history.forward();
      // go(n) 整数 正数 负数 正数表示前进正数个页面 
      history.go(1)

    } 
    console.log(history.length);











    // location对象属性获取当前文档有关信息 既是window对象也是document
    // console.log(window.location === document.location);
    // console.log(location === document.location);
    // console.log(location === window.location);

    // console.log(location.host,'主机');
    // console.log(location.hostname,'主机名');
    // console.log(location.href,'完整URL');
    // console.log(location.pathname,'文档路径');
    // console.log(location.port,'端口号');
    // console.log(location.protocol,'协议');
    // console.log(location.search,'查询字符串');
  </script>
</body>
</html>